<ion-header>
  <ion-toolbar>
    <!-- 返回按钮 -->
    <ion-buttons slot="start">
      <ion-back-button></ion-back-button>
    </ion-buttons>
    <ion-title>登录</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content class="ion-padding">

  <ion-list inset>
    <ion-item>
      <ion-icon name="person-circle-outline" style="margin-right: 10px;"></ion-icon>
      <ion-input type="text" placeholder="用户名" #username></ion-input>
    </ion-item>

    <ion-item>
      <ion-icon name="lock-closed-outline" style="margin-right: 10px;"></ion-icon>
      <ion-input type="password" placeholder="密码" #password></ion-input>
    </ion-item>


    <ion-row class="ion-align-items-start" style="font-size: small;color: rgb(185, 185, 185);">
      <ion-col size="auto">
        <ion-label>
          忘记密码
        </ion-label>
      </ion-col>
      <ion-col></ion-col>
      <ion-col size="auto" style="color: tomato;">
        <ion-label>
          注册账号
        </ion-label>
      </ion-col>
    </ion-row>


  </ion-list>

  <ion-button expand="block" (click)="_login(username,password)">登录</ion-button>

</ion-content>